<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我的便签</title>
		<link rel="stylesheet" href="./layui/css/layui.css">
		<script src="./layui/layui.js"></script>
		<script type="text/javascript" src="js/global.js"></script>
	</head>

	<body>
		<table id="demo" lay-filter="test"></table>
		<script type="text/html" id="barDemo">
			<!--<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="modules">模块</a>-->

		<a class="layui-btn layui-btn-xs layui-disabled" lay-event="edit" >待处理</a>
		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">撤销</a>
		</script>
		<script>
			layui.use(['table', 'form'], function() {
				var table = layui.table;
				var $ = layui.jquery; //引入jquery
				var form = layui.form;
				//解决跨域
				$.ajaxPrefilter(function(options, originalOptions, jqXHR) {
					options.xhrFields = {
						withCredentials: true
					}
				})
				//第一个实例
				table.render({
					elem: '#demo',
					toolbar: '#toolbarDemo' //开启头部栏工具
						,
					url: globalData.server + './apply/getMyapplyByUserId'+"?id="+globalData.getUid() //数据接口
						,
					page: true //开启分页
						,
					method: 'POST',
					id: 'idTest',
					cols: [
						[ //表头
							{
								field: 'id',
								title: 'ID',
								sort: true,
								fixed: 'left',
								align: 'center'
							}, {
								field: 'sname',
								title: '姓名',
								align: 'center'
							}, {
								field: 'ssex',
								title: '性别',
								align: 'center'
							}, {
								field: 'sxl',
								title: '学历',
								align: 'center'
							}, {
								field: 'sjg',
								title: '籍贯',
								align: 'center'
							}, {
								field: 'ssection',
								title: '部门',
								align: 'center'
							}, {
								field: 'datesrdate',
								title: '入职日期',
								align: 'center'
							}, {
								field: 'datesoverdate',
								title: '试用结束日期',
								align: 'center'
							}, {
								field: 'sisover',
								title: '是否试用结束',
								align: 'center'
							}, {
								field: 'sydates',
								title: '试用期限',
								align: 'center'
							}, {
								field: 'seditor',
								title: '工作总结',
								align: 'center'
							}, {
								field: 'createtime',
								title: '创建时间',
								width: 200,
								align: 'center'
							}, {
								field: 'right',
								title: '状态',
								toolbar: '#barDemo',
								width: 150,
								align: 'center'
							}
						]
					]
				});
				$('#serach').on('click', function() {
					var content = $("#content").val(); //上面搜索框的id
					table.reload('idTest', {
						where: { //请求参数
							'content': content,
						}
					});
				});
				/* 重置文本框 */
				$('#chongzhi').on('click', function() {
					$(":input").val('');
					table.reload('idTest', {
						where: { //请求参数
							'name': name,
						}
					});
				});
				//监听头部工具栏
				table.on('toolbar(test)', function(obj) {
					switch (obj.event) {
						case 'add':
							layer.open({ //打开一个页面
								type: 2, //在当前页面打开一个页面
								area: ['800px', '500px'], //页面宽高
								content: 'note-add.html', //页面地址
								title: '新增便签', //打开页面标题
								end: function() {
									window.location.reload(); //当窗口关闭后刷新页面
								}
							});
							break;
					};
				});
				//监听工具条
				table.on('tool(test)', function(obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
					var data = obj.data; //获得当前行数据
					if (obj.event === 'del') { //删除
						layer.confirm('确定撤销吗？', function(index) {
							var url = globalData.server + './note/delete'; //请求地址
							$.post(url, {
								nid: obj.data.nid,
							}, function(data) {
								if (data.count > 0) {
									console.log('删除成功');
									window.location.reload(); //刷新页面
								} else {
									layer.msg(data.msg, {
										icon: 6
									});
								}
							}, "json");
						});
					} else if (obj.event === 'edit') { //编辑
						layer.open({ //打开一个页面
							type: 2, //在当前页面之上以弹框的形式，展示编辑页面
							area: ['800px', '500px'], //页面宽高
							content: 'note-edit.html', //页面所在位置
							title: '您正在编辑便签编号为' + obj.data.nid + '的信息',
							success: function(layero, index) {
								var body = layer.getChildFrame('body', index);
								body.contents().find("#nid").val(obj.data.nid);
								body.contents().find("#content").val(obj.data.content);
							},
							end: function() {
								window.location.reload(); //当窗口关闭后刷新页面
							}
						});
					}
				});

			});
		</script>
	</body>

</html>
